<template>
    <div class="error403">
        <div style="position:relative;">
            <img class="bg" src="/images/403.png">
            <div class="desc">
                <p>似乎没有访问权限</p>
                <p><a href="/#/index"><el-button size="small">返回首页</el-button></a></p>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return {};
    },
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.error403{
    height:calc(100vh - 84px);background:#fff;
    img.bg{width:60%;display:block;min-width:1000px;padding:5vh 0 0 10%;}
    .desc{
        position:absolute;
        width: 500px;
        height: 200px;
        top: 12vh;
        left: 45%;
        padding:58px 0;
        p{
            font-size:18px;color:#6699ff;font-weight:bold;
        }
    }
}
</style>
